<template>
  <div>
    <van-nav-bar
      :z-index="999"
      :fixed="true"
      left-arrow
      @click-left="onClickLeft"
      :placeholder="true"
      title="更多条件"
    ></van-nav-bar>

    <van-index-bar>
      <van-index-anchor>级别</van-index-anchor>
      <van-cell>
        <div class="more-rank">
          <div>
            <img src="../../../assets/images/19.png" alt />
            <p>微型车</p>
          </div>
          <div>
            <img src="../../../assets/images/20.png" alt />
            <p>小型车</p>
          </div>
          <div>
            <img src="../../../assets/images/21.png" alt />
            <p>紧凑车型</p>
          </div>

          <div>
            <img src="../../../assets/images/22.png" alt />
            <p>中型卡</p>
          </div>
          <div>
            <img src="../../../assets/images/23.png" alt />
            <p>中大型卡</p>
          </div>
          <div>
            <img src="../../../assets/images/24.png" alt />
            <p>大型卡</p>
          </div>

          <div>
            <img src="../../../assets/images/25.png" alt />
            <p>跑车</p>
          </div>
          <div>
            <img src="../../../assets/images/26.png" alt />
            <p>MPV</p>
          </div>
          <div>
            <img src="../../../assets/images/27.png" alt />
            <p>SUV</p>
          </div>

          <div>
            <img src="../../../assets/images/28.png" alt />
            <p>微面</p>
          </div>
          <div>
            <img src="../../../assets/images/29.png" alt />
            <p>微卡</p>
          </div>
          <div>
            <img src="../../../assets/images/30.png" alt />
            <p>轻客</p>
          </div>

          <div>
            <img src="../../../assets/images/31.png" alt />
            <p>皮卡</p>
          </div>
        </div>
      </van-cell>

      <van-index-anchor>国别</van-index-anchor>
      <van-index-annchor>
        <div class="more-nationality">
          <div>中国</div>
          <div>德国</div>
          <div>日本</div>
          <div>美国</div>
          <div>韩国</div>
          <div>法国</div>
          <div>美国</div>
          <div>其他</div>
        </div>
      </van-index-annchor>

      <van-index-anchor>变速箱</van-index-anchor>
      <div class="more-manufacturer">
        <div>自动</div>
        <div>手动</div>
      </div>

      <van-index-anchor>能源</van-index-anchor>
      <div class="more-energy">
        <div>汽车</div>
        <div>柴油</div>
        <div>油点混动</div>
        <div>纯电动</div>
        <div>插电式混动</div>
        <div>增程式</div>
      </div>

      <van-index-anchor>排量</van-index-anchor>
      <div class="more-manufacturer">
        <div>1.0及以下</div>
        <div>1.1-1.6L</div>
        <div>1.7-2.0L</div>
        <div>2.1-2.5L</div>
        <div>2.6-3.0L</div>
        <div>3.1-4.0L</div>
        <div>4.0L以上</div>
      </div>

      <van-index-anchor>座位数</van-index-anchor>
      <div class="more-manufacturer">
        <div>2座</div>
        <div>4座</div>
        <div>5座</div>
        <div>6座</div>
        <div>7座</div>
        <div>7座以上</div>
      </div>

      <van-index-anchor>结构</van-index-anchor>
      <div class="more-energy">
        <div>两厢</div>
        <div>三厢</div>
        <div>掀背</div>
        <div>旅行版</div>
        <div>硬顶敞篷版</div>
        <div>软顶敞篷版</div>
        <div>硬顶跑车</div>
        <div>客车</div>
        <div>货车</div>
      </div>

      <van-index-anchor>厂商</van-index-anchor>
      <div class="more-manufacturer">
        <div>自主</div>
        <div>合资</div>
        <div>进口</div>
      </div>

      <van-index-anchor>进气方式</van-index-anchor>
      <div class="more-manufacturer">
        <div>自然吸气</div>
        <div>涡轮增压</div>
        <div>机械增压</div>
      </div>

      <van-index-anchor>驱动方式</van-index-anchor>
      <div class="more-manufacturer">
        <div>前驱</div>
        <div>后驱</div>
        <div>四驱</div>
      </div>

      <van-index-anchor>配置</van-index-anchor>
      <div class="more-energy">
        <div>全景天窗</div>
        <div>电动天窗</div>
        <div>电动调节座椅</div>
        <div>车声ESP</div>
        <div>氙气大灯</div>
        <div>GPS导航</div>
        <div>定速巡航</div>
        <div>真皮座椅</div>
        <div>倒车雷达</div>
        <div>全自动空调</div>
        <div>多功能方向盘</div>
        <div>LED大灯</div>
        <div>倒车影像</div>
        <div>无钥匙启动</div>
        <div>座椅加热</div>
        <div>日间行车灯</div>
        <div>自动泊车</div>
        <div>蓝牙/车载电话</div>
      </div>
    </van-index-bar>
    <div class="more-buttom">共119个车系</div>
  </div>
</template>

<script>
export default {
  name: "More",
  data() {
    return {
      indexList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
    created(){
    let dsBridge = require("dsbridge");
         dsBridge.call("goBack","", function() {
           history.go(-1);
         });
   },
};
</script>

<style></style>
